<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./templates/template_general.xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui"
                xmlns:c="http://java.sun.com/jsp/jstl/core">

    <ui:define name="title">
        Edition de l'enseigne
    </ui:define>

    <ui:define name="content">

        <c:if test="#{utilisateurMBean.estAdmin() || enseigneMBean.estProprietaire()}">
            <f:metadata>
                <f:viewParam name="id" value="#{enseigneMBean.idEnseigne}"/>
            </f:metadata>
            #{enseigneMBean.resetEnseigne()}

            <div class="column4">
                <div class="title" style="float:left;">
                    <div style="float:left; width: 300px;">
                        <div style="float:left;"><a href="./enseigne.xhtml?id=#{enseigneMBean.enseigne.id}"><img src="./resources/images/view.png" width="15px"/></a></div>
                        <p:lightBox width="300px" height="30px">
                            <h:outputLink value="#" style="text-decoration: none;">
                                <h:outputText style="width: 200px;color: white;" value="&nbsp;&nbsp;&nbsp;#{enseigneMBean.enseigne.nom}"/>
                            </h:outputLink>  

                            <f:facet name="inline">  
                                <h:panelGrid columns="2">
                                    <h:form>
                                        <h:outputLabel style="color: white;" value="Nouveau nom :"/><br/>
                                        <h:inputText style="width: 200px;" value="#{enseigneMBean.temp_ens_nom}"/>
                                        <h:commandButton value="enregistrer" action="#{enseigneMBean.updateNom()}"/>
                                    </h:form>
                                </h:panelGrid>  
                            </f:facet>  
                        </p:lightBox>
                    </div>
                </div>
            </div>

            <div class="column2">
                <div class="column2" style="background-color:#f3f5f6; margin-left:5px;">

                    <div class="big_pic">
                        <p:imageSwitch effect="fade" speed="2">
                            <ui:repeat value="#{enseigneMBean.enseigne.lstImage}" var="imageSlide">
                                <p:graphicImage value="./resources/images/enseignes_img/#{imageSlide}" width="282" height="212" alt="" title="" styleClass="img_big_pic"/>  
                            </ui:repeat>
                        </p:imageSwitch>
                    </div>

                    <div class="pictures_thumbs">
                        <h3>Images disponibles :</h3>
                        <p:lightBox>
                            <ui:repeat value="#{enseigneMBean.enseigne.lstImage}" var="imageZoom">
                                <h:outputLink value="./resources/images/enseignes_img/#{imageZoom}">  
                                    <h:graphicImage value="./resources/images/enseignes_img/#{imageZoom}" width="10%" title="" styleClass="img_thumb" />  
                                </h:outputLink>
                            </ui:repeat>
                        </p:lightBox>
                    </div>
                </div>

                <div class="column2" style="background-color:#f3f5f6; margin-left:5px;">
                    <div class="main_text_box">
                        <h1>Description</h1>
                        <p:lightBox width="300px" height="30px">
                            <h:outputLink value="#" style="text-decoration: none;">
                                <h:outputText value="#{enseigneMBean.enseigne.description}"/>
                            </h:outputLink>  

                            <f:facet name="inline">  
                                <h:panelGrid columns="2">
                                    <h:form>
                                        <h:outputLabel style="color: white;" value="Nouvelle description :"/><br/>
                                        <h:inputTextarea value="#{enseigneMBean.temp_ens_description}"/>
                                        <h:commandButton value="enregistrer" action="#{enseigneMBean.updateDescription()}"/>
                                    </h:form>
                                </h:panelGrid>  
                            </f:facet>  
                        </p:lightBox>        
                    </div>
                    <div class="title3">Détails:</div> 
                    <h:panelGrid columns="2" cellpadding="5" styleClass="enseigne_details">
                        <h:outputText styleClass="details_list2" value="Adresse : "/>

                        <p:lightBox width="300px" height="30px">
                            <h:outputLink value="#" style="text-decoration: none;">
                                <h:outputText value="#{enseigneMBean.enseigne.adresse}"/>
                            </h:outputLink>  

                            <f:facet name="inline">  
                                <h:panelGrid columns="2">
                                    <h:form>
                                        <h:outputLabel style="color: white;" value="Nouvelle adresse :"/><br/>
                                        <h:inputText style="width: 200px;" value="#{enseigneMBean.temp_ens_adresse}"/>
                                        <h:commandButton value="enregistrer" action="#{enseigneMBean.updateAdresse()}"/>
                                    </h:form>
                                </h:panelGrid>
                            </f:facet>  
                        </p:lightBox>

                        <h:outputText styleClass="details_list2" value="Ville : "/>

                        <p:lightBox width="300px" height="30px">
                            <h:outputLink value="#" style="text-decoration: none;">
                                <h:outputText value="#{enseigneMBean.enseigne.ville}"/>
                            </h:outputLink>  

                            <f:facet name="inline">  
                                <h:panelGrid columns="2">
                                    <h:form>
                                        <h:outputLabel style="color: white;" value="Nouvelle ville :"/><br/>
                                        <h:inputText style="width: 200px;" value="#{enseigneMBean.temp_ens_ville}"/>
                                        <h:commandButton value="enregistrer" action="#{enseigneMBean.updateVille()}"/>
                                    </h:form>
                                </h:panelGrid>
                            </f:facet>  
                        </p:lightBox>

                        <h:outputText styleClass="details_list2" value="Pays : "/>

                        <p:lightBox width="300px" height="30px">
                            <h:outputLink value="#" style="text-decoration: none;">
                                <h:outputText value="#{enseigneMBean.enseigne.pays}"/>
                            </h:outputLink>  

                            <f:facet name="inline">  
                                <h:panelGrid columns="2">
                                    <h:form>
                                        <h:outputLabel style="color: white;" value="Nouveau pays :"/><br/>
                                        <h:inputText style="width: 200px;" value="#{enseigneMBean.temp_ens_pays}"/>
                                        <h:commandButton value="enregistrer" action="#{enseigneMBean.updatePays()}"/>
                                    </h:form>
                                </h:panelGrid>
                            </f:facet>  
                        </p:lightBox>

                        <h:outputText styleClass="details_list2" value="Note : "/>
                        <h:panelGroup>
                            <p:rating disabled="true" value="#{enseigneMBean.enseigne.note}"/><h:outputText value="(#{enseigneMBean.enseigne.notes.size()})"/>
                        </h:panelGroup>
                        <h:outputText styleClass="details_list2" value="Ajoutée le : "/>
                        <h:outputText value="#{enseigneMBean.enseigne.dateCreation}">
                            <f:convertDateTime type="both" dateStyle="full" locale="fr" />
                        </h:outputText>
                    </h:panelGrid>
                    <div class="details_list">
                        <p:lightBox width="300px" height="30px">
                            <br/>
                            <h:outputLink value="#">
                                <h:form>
                                    <p:commandButton value="Vidéo Youtube"/>
                                </h:form>
                            </h:outputLink>

                            <f:facet name="inline">  
                                <h:panelGrid columns="2">
                                    <h:form>
                                        <h:outputLabel style="color: white;" value="Vidéo Youtube :"/><br/>
                                        <h:inputTextarea value="#{enseigneMBean.temp_ens_video}"/>
                                        <h:commandButton value="enregistrer" action="#{enseigneMBean.updateVideo()}"/>
                                    </h:form>
                                </h:panelGrid>  
                            </f:facet>  
                        </p:lightBox>
                    </div>

                    <div class="details_list">

                        <h:form>
                            <h:panelGrid columns="1" cellpadding="5">    
                                <h:commandButton value="Supprimer Enseigne" type="button" onclick="confirmation_suppression_enseigne.show()" style="background-color: red;color: white;"/> 
                            </h:panelGrid>  
                            <p:confirmDialog message="Etes-vous sûr de vouloir supprimer cette enseigne ?" header="Suppression" severity="alert" widgetVar="confirmation_suppression_enseigne">  
                                <p:commandButton value="Oui" action="#{enseigneMBean.deleteCurrentEnseigne()}" ajax="false" type="submit" />  
                                <p:commandButton value="Non" onclick="confirmation_suppression_enseigne.hide()" type="button" />
                            </p:confirmDialog>
                        </h:form> 
                    </div>

                </div><!-- end of column two -->
            </div>

            <!-- debut de la colonne d'upload -->
            <div class="column3" style="margin-left:10px;">
                <div class="main_text_box">
                    <div class="pictures_thumbs">
                        <h:form enctype="multipart/form-data">
                            <p:fileUpload value="#{enseigneMBean.file}" mode="simple" />
                            <p:commandButton value="Submit" ajax="false"/>
                        </h:form> 
                    </div>
                </div>
            </div>
            <!-- Fin de la colonne d'upload -->

        </c:if>
        <c:if test="#{!utilisateurMBean.connecte}">
            <br/>
            <h:outputText value="Veuillez vous connecter pour accéder au contenu de cette page."/>
        </c:if>
        <c:if test="#{utilisateurMBean.connecte}">
            <c:if test="#{!utilisateurMBean.estAdmin()}">
                <c:if test="#{!enseigneMBean.estProprietaire()}">
                    <br/>
                    <h:outputText value="Vous n'êtes pas propriétaire de cette enseigne."/>
                </c:if>
            </c:if>
        </c:if>
    </ui:define>

</ui:composition>